
@font-face {
    font-family: 'PingFangSC-Regular'; 
    src: url('./font/PingFangSC-Regular.ttf');
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'PingFangSC-Thin'; 
    src: url('./font/PingFangSC-Thin.ttf');
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'PingFangSC-Semibold'; 
    src: url('./font/PingFangSC-Semibold.ttf');
    font-weight: normal;
    font-style: normal;
  }
html,body {
    margin: 0;
    padding: 0;
    background:#000000 ;
    width: 100%;
    text-align: -webkit-center;

    
}

.body1 {
    width: 7.5rem;

    background: #FFFFFF 53%;

}

#top {
    height:0.88rem;
    background: #4272AA;
    width: 7.5rem;
    position:fixed;
    padding-top:0;
    padding-right: 0;
}
.top-title {

    padding-right: 0.72rem;
    height:0.88rem;
    color: #FFFFFF;
    font-size: 0.34rem;
    line-height: 0.88rem;
    letter-spacing: 0.1098rem;
    text-align: center;
}
.top-manu{
    float: left;
    padding-left: 0.4rem;
    padding-top: 0.32rem;
    height: 0.28rem;
    width: 0.32rem;
}

.action-png{
    padding-top: 0.88rem;
    height: 10.2rem;
    background: #343232;
}

.notice{
    height: 1.18rem;
    width: 7.5rem;
    background: #F0F0F0 100%;
    line-height:  1.18rem;
    text-align: -webkit-center;
}

.notice-1 {
    width: 7.1rem;
    height: 0.84rem;

    background: #FFFFFF;
}

.main {

    height: 10.2rem;
    width: 7.5rem;

}

.main-1-1 {
    padding-top: 0.66rem;
    font-size: 0.64rem;
    letter-spacing: 0.076rem;
}

.main-1-2 {
    padding-top: 0.08rem;
    font-size: 0.48rem;
    letter-spacing: 0;
}
.main-1-3{
    font-size: 0.28rem;
    color:  #969696;
    padding-top: 0.32rem;
    float: left;
    padding-left: 0.12rem;
}

.main-2-1 {
    font-size: 0.56rem;
    color: #FFFFFF;
    padding-top: 1.02rem;
    letter-spacing: 0.04rem;
}
.main-2-2 {
    font-size: 0.32rem;
    color: #666666;
    padding-top: 0.16rem;
    letter-spacing: 0.04rem;
}
.main-2-3 {
    font-size: 0.32rem;
    color: #666666;
    padding-top: 0.16rem;
    letter-spacing: 0.04rem;
}

.main-3-1 {
    font-size: 0.56rem;
    color: #000000;
    padding-top: 0.84rem;
    letter-spacing: 0.04rem;
}
.main-3-2 {
    font-size: 0.32rem;
    color: rgba(0,0,0,0.50);
    padding-top: 0.16rem;
    letter-spacing: 0.04rem;
}
.main-3-3 {
    font-size: 0.32rem;
    color: rgba(0,0,0,0.50);
    padding-top: 0.16rem;
    letter-spacing: 0.04rem;
}

.main-4-1 {
    font-size: 0.56rem;
    color: #FFFFFF;
    padding-top: 1.16rem;
    letter-spacing: 0.02rem;
}
.main-4-2 {
    font-size: 0.32rem;
    color: rgba(255,255,255,0.6);
    padding-top: 0.3rem;
    letter-spacing: 0.02rem;
}

.main-5-1 {
    font-size: 0.56rem;
    color: #FFFFFF;
    padding-top: 1.02rem;
    letter-spacing: 0.02rem;
}
.main-5-2 {
    font-size: 0.32rem;
    color: rgba(255,255,255,0.6);
    padding-top: 0.3rem;
    letter-spacing: 0.02rem;
}

.main-6-1 {
    font-size: 0.56rem;
    color: #000000;
    padding-top: 0.62rem;
    letter-spacing: 0.02rem;
}
.main-6-2 {
    text-decoration:none;
    font-size: 0.32rem;
    color: #4791F2;
    padding-top: 0.4rem;
    letter-spacing: 0.02rem;
}

.main-7-1 {
    font-size: 0.56rem;
    color: #FFFFFF;
    padding-top: 1.16rem;
    letter-spacing: 0.02rem;
}
.main-7-2 {
    font-size: 0.32rem;
    color: rgba(255,255,255,0.5);
    padding-top: 0.2rem;
    letter-spacing: 0.04rem;
}


.main-8-1 {
    margin-top: -0.02rem;
    height: 17.4rem;
    width: 7.5rem;
    background: #1D1A26;
}

.main-8-1-1 {
    padding-top: 0.72rem;
    font-size: 0.32rem;
    color: rgba(255,255,255,0.4);
    letter-spacing: 0.04rem;
}

.main-8-1-2 {

    font-size: 0.32rem;
    height: 0.04rem;
    width: 0.52rem;
    background: rgba(255,255,255,0.21);
}

.main-8-1-3 {
    border-radius:0.2rem;
    font-size: 0.3rem;
    height: 4.86rem;
    width: 6.8rem;
    background: rgba(255,255,255,0.05);
}
.main-8-1-3-1 {

    margin-top: 0.35rem;
    float: left;
    left: 0.68rem;
    height: 0.12rem;
    width: 0.12rem;
    background:#74BCF8

}
.main-8-1-3-2 {

    float: left;
    left: 0.34rem;
    font-size: 0.3rem;
    color: rgba(255,255,255,0.4);
    letter-spacing: 0.01rem;

}
/*#top2 {height:1.36rem; background:#ffffff ;}
#top2-left {height:1.36rem; width : 0.3rem; float: left; }
#num{ height:0.54rem; width : 0.54rem;font-size: 0.36rem; color:#ffffff;border-radius:0.27rem;line-height: 0.54rem; text-align:center;background:#666666 ;float: left;}
#date{ height:0.24rem;font-size: 0.24rem;line-height: 0.24rem; color :#666666; }

.main-left{
    height:1.2rem;
    width : 2.6rem;
    border: 1px solid #666666;
    border-radius: 4px;
    float: left;
    color :#333333;

}
.item-active {
    color :#ffffff!important;
    background: #F46E44!important;
    border-color: rgba(0,0,0,0)!important;
    border-radius: none!important
}
.main-right{
    height:1.2rem;
    width : 2.6rem;
    border: 1px solid #666666;
    border-radius: 4px;
    float: right;
    color :#333333;
}
.main-center{
    height:1.2rem;
    width : 1.4rem;
    border: 1px solid #666666;
    border-radius: 4px;
    color :#333333;
}

.card-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.fixed{
    position:fixed;
    left:0px;
    bottom:0px;
    width:100%;
    height:1.6rem;
    background-color:#E7EFEF;
    z-index:9999;
    font-size: 0.3rem;
    color :#333333;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fixed-left{
    width: 2.0rem;
    height:0.84rem;
    margin-left: 0.3rem;
    margin-top: 0.38rem;
    margin-bottom:  0.38rem;
    float: left;
}

.fixed-center{
    width: 2.18rem;
    height:1.6rem;
}
.fixed-right{
    width: 2.0rem;
    height:0.88rem;
    margin-right: 0.3rem;
    margin-top: 0.36rem;
    margin-bottom:  0.36rem;
    float: right;
}
.fixed-input{
    -webkit-appearance:none;
    -moz-appearance: none;
    border-radius:4px;
    border:1px solid #c8cccf;
    color:#6a6f77;
    font-size: 0.3rem;
}
.input-buttun{
    -webkit-appearance:none;
    -moz-appearance: none;
    border-radius:4px;
    border:1px solid #c8cccf;
    background: #F46E44;
    margin-left: 0.26rem;
    width: 1.74rem;
    height:0.88rem;
    color:#ffffff;
    font-size: 0.3rem;
    opacity:0.3;

}
#input-buttun-bg{
    opacity:0.3!important;
}
*/